<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hello Webpack</title>
</head>
<body>

<!--定义消息显示区域-->
<!--定义 vue 的信息定位区域-->
<!--我们为这个div定义来id属性，值为app。目的是方便js脚本定位它，并将它抽象成一个对象。-->
<div id="app">
    <!--其中{{ message }} 语法vue的模板语言语法，表示输出变量 message 的内容-->
    <p>{{message}}</p>
</div>

<!--引入主 js 文件-->
<script src="dist/bundle.js"></script>

</body>
</html>